<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="CSTL is a standard template library for the C language, inspired by C++ STL. Enhance your embedded C development with modern data structures and algorithms.">
    <meta name="keywords" content="CSTL, C++ STL for C, embedded C, open-source library, data structures in C, modern C development">
    <meta name="author" content="Chihaya Yuka">
    <meta property="og:title" content="CSTL - C++ STL For C">
    <meta property="og:description" content="CSTL is a modern standard template library for the C language, bringing efficient data structures and algorithms to embedded C developers.">
    <meta property="og:url" content="https://github.com/Chihaya-Yuka/CSTL">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://github.com/Chihaya-Yuka/CSTL/raw/main/.github/logo.png">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="CSTL - C++ STL For C">
    <meta name="twitter:description" content="Boost your embedded C development with CSTL - a standard template library inspired by C++ STL.">
    <meta name="twitter:image" content="https://github.com/Chihaya-Yuka/CSTL/raw/main/.github/logo.png">
    <title>CSTL - C++ STL For C | Modern Data Structures for C</title>

    <!-- Tailwind CSS CDN -->
    <script src="https://cdn.tailwindcss.com"></script>

    <!-- Custom Scripts -->
    <script src="js/commit.js"></script>
</head>
<body class="bg-gray-50 text-gray-900">

    <!-- Navigation -->
    <nav class="bg-white shadow-md">
        <div class="container mx-auto py-4 px-5">
            <a href="#" class="text-xl font-semibold text-gray-900">CSTL - C++ STL For C</a>
        </div>
    </nav>

    <!-- Abstract Section -->
    <div class="container mx-auto mt-12 px-5">
        <div class="max-w-2xl mx-auto">
            <h1 class="text-3xl font-bold text-gray-800">Welcome to CSTL - C++ STL For C</h1>
            <p class="text-lg leading-relaxed text-gray-800 mt-4">
                CSTL is a standard template library for the C language, designed to provide a more modern programming experience for embedded C developers.
            </p>
            <p class="mt-4 text-gray-600">
                With CSTL, you can use common data structures and algorithms to improve the efficiency and code readability of C development.
            </p>
            <p class="mt-4 text-gray-600">
                CSTL is an open-source project. If you have any suggestions or encounter issues while using it, please provide feedback through the 
                <a href="https://github.com/Chihaya-Yuka/CSTL/issues" class="text-blue-500 hover:underline">GitHub Issues</a> page.
            </p>
            <p class="mt-4 text-gray-600">
                QQ Group: 866290444.
            </p>
        </div>
    </div>

    <!-- News Section -->
    <div class="container mx-auto mt-16 px-5">
        <h2 class="text-2xl font-semibold text-gray-800">Latest News About CSTL</h2>
        <div id="news" class="mt-4 p-6 bg-white border border-gray-200 rounded-lg shadow-sm">
            <p class="text-gray-600">
                Stay tuned for updates on new features and releases! Visit the <a href="https://github.com/Chihaya-Yuka/CSTL" class="text-blue-500 hover:underline">GitHub repository</a> for details.
            </p>
        </div>
    </div>

    <!-- Download Section -->
    <div class="container mx-auto mt-16 px-5">
        <h2 class="text-2xl font-semibold text-gray-800">Download CSTL</h2>
        <div id="download" class="mt-4 p-6 bg-white border border-gray-200 rounded-lg shadow-sm">
            <p class="text-gray-600">
                CSTL is an open-source project. You can visit the GitHub repository at 
                <a href="https://github.com/Chihaya-Yuka/CSTL" class="inline-block mt-2 px-5 py-3 bg-blue-600 text-white rounded-lg shadow hover:bg-blue-700 transition" target="_blank" rel="noopener noreferrer">Download CSTL</a>.
            </p>
        </div>
    </div>

    <!-- Footer -->
    <footer class="mt-16 bg-gray-800 text-gray-200 py-6">
        <div class="container mx-auto text-center">
            <p>&copy; 2024 CSTL - C++ STL For C. All rights reserved.</p>
            <p>Made with ❤️ for embedded C developers.</p>
            <p>This site does not track you.</p>
        </div>
    </footer>

</body>
</html>
